<!--
 * @Description: 商务贸易
 * @Author: WJ
 * @Date: 2021-04-24 15:32:25
 * @LastEditTime: 2021-04-25 10:40:22
-->

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>数字经济综合应用-岱山-商务贸易</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/page.css">
</head>

<body>
    <div class="home">
        <img src="../images/header_bg.png" class="header-bg" />
        <div class="container">
            <!-- 头部 -->
            <div class="header flex">
                <div class="flex">
                    <img src="../images/logo.png" alt="数字经济综合应用" />
                    <span class="title">数字经济综合应用</span>
                    <div class="label">政府端</div>
                </div>
                <div class="flex">
                    <div class="label mr-40">数字岱山</div>
                    <img src="../images/user_icon.png" />
                    <span class="ml-10">胡某某，你好</span>
                </div>
            </div>
            <img src="../images/home_cont_bg.png" class="home-bg" />
            <div class="layui-row content">
                <!-- 重大任务 -->
                <div class="layui-col-md2 left-panel">
                    <div class="card card-bg">
                        <div class="title title-bg">重大任务</div>
                        <div class="card-content">
                            <ul>
                                <li>
                                    <img src="../images/rw_icon5_nor.png">产业大脑
                                </li>
                                <li>
                                    <img src="../images/rw_icon1_nor.png">未来工厂
                                </li>
                                <li>
                                    <img src="../images/rw_icon2_nor.png">数字贸易
                                </li>
                                <li>
                                    <img src="../images/rw_icon3_nor.png">资源要素
                                </li>
                                <li>
                                    <img src="../images/rw_icon4_nor.png">科创创新
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card card-bg">
                        <div class="title title-bg">地方特色</div>
                        <div class="card-content">
                            <ul>
                                <li class="active xzdgz">
                                    <div class="flex">
                                        <div class="f-node">
                                            <img src="../images/ts_icon1_pre.png">
                                            <span>县重点工作</span>
                                        </div>
                                        <img class="arrow-up" src="../images/arrow_up_pre.png" alt="">
                                    </div>
                                    <ul class="sub-item">
                                        <li onClick="viewDetail(1)">工业经济</li>
                                        <li onClick="viewDetail(2)">数字经济</li>
                                        <li onClick="viewDetail(3)" class="active">商务贸易</li>
                                        <li>科技创新</li>
                                    </ul>
                                </li>
                                <li title='数字经济创新发展'>
                                    <img src="../images/ts_icon2_nor.png">数字经济创新发展
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md10 right-content">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">指标体系</li>
                            <li>工作体系</li>
                            <li>政策体系</li>
                            <li>评价体系</li>
                        </ul>
                    </div>
                    <div class="layui-row layui-col-space20 item-list">
                        <div class="layui-col-md6">
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">社会消费品零售总额增长8.5%以上。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">完成外贸出口额90亿元。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">全年引进培育生活性服务业特色品牌店20家以上。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">网络零售额增幅15%。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">引进知名连锁洗染1家以上。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">引进品牌化、连锁化家政服务企业1家以上。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md6">
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">完成外贸进出口额120亿元。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">4月底前编制完成县商业网点规划。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">完成原高亭农贸市场业态布局。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">启动新天地二期项目提升改造工程，引进2家中高端消费业态，提升商圈品牌影响力。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div>
                                    <div class="title">全年目标任务</div>
                                    <div class="detail">引进24小时便利店1家以上。</div>
                                </div>
                                <div>
                                    <div class="flex complete">
                                        <span>当前进度：完成***</span>
                                        <span>已完成：40%</span>
                                    </div>
                                    <div class="layui-progress">
                                        <div class="layui-progress-bar" lay-percent="40%"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script src="../layui/layui.js"></script>
    <script>
        function setFont() {
            var html = document.documentElement;
            var cliWidth = html.clientWidth;
            cliWidth = cliWidth > 1440 ? 1440 : cliWidth; //最大按照1440px来匹配
            html.style.fontSize = 12 * (cliWidth / 1440) + 'px';
        }

        (function() {
            setFont();
            window.onresize = function() {
                setFont();
            }
        })();
    </script>
</body>

</html>